<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./WEB-INF/templates/turnitup_template.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://xmlns.jcp.org/jsf/html">

   <ui:define name="top">
        <ui:include src="./WEB-INF/templates/logo_bar.xhtml"/>
        <ui:include src="./WEB-INF/templates/search_bar.xhtml"/>
        <p:breadCrumb>
            <p:menuitem outcome="index"/>
            <p:menuitem value="#{webtext.breadcrumbs_init}" url="#"/>
        </p:breadCrumb>
    </ui:define>

    <ui:define name="menu_left">
        <ui:include src="./WEB-INF/templates/category_menu.xhtml"/>
    </ui:define>

    <ui:define name="basket">
        <ui:include src="./WEB-INF/templates/basket_widget.xhtml"/>
    </ui:define>

    <ui:define name="content">
        <h:panelGroup layout="block" id="content_panel">
            <p:messages id="messages_access" showDetail="true" autoUpdate="true" closable="true" />
            <div id="welcome">
                <h1>#{webtext.welcome}</h1>
                <h2>#{webtext.welcome_text}</h2>                
            </div>
            
                <p:galleria id="gallery" value="#{imageGallery.images}" var="image" panelWidth="600" panelHeight="330" showCaption="false">
                    <p:graphicImage name="/images/gallery/#{image}" alt="Image Description for #{image}" title="#{image}"/>
                </p:galleria>
    </h:panelGroup>
    </ui:define>

    <ui:define name="footer">
        <ui:include src="./WEB-INF/templates/footer.xhtml"/>
    </ui:define>

</ui:composition>
